<template>
    <div class="statistics">
          <el-row>
    <el-col :span="6">
      <statisticItem title="订单数" :content="268500" />
    </el-col>
    <el-col :span="6">
      <statisticItem title="用户数" :content="4566" />
    </el-col>
    <el-col :span="6">
      <statisticItem title="商户数" :content="37" />
    </el-col>
    <el-col :span="6">
      <statisticItem title="管理员" :content="3" />
    </el-col>
  </el-row>
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import statisticItem from "@/components/statisticItem.vue"

export default defineComponent({
  setup() {
    return {};
  },
  components: {
    statisticItem
  }
});
</script>

<style scoped>
.el-col {
  text-align: center;
  height: 200px;
}
</style>